<template>
    <div class="gold-shop-wrap">
        <!-- right-text="审核进度" -->
        <van-nav-bar title="门店入驻" left-arrow fixed @click-left="onClickLeft" 
            @click-right="onClickRight" />
        <van-tabs v-model="active" title-active-color="#1D69E4" color="#1D69E4" :border="true" line-width="28px"
            class="">
            <van-tab v-for="item,index in shopInfo.authorizes" :title="item.name" :title-style="{
                fontWeight: 600,
                fontSize: '14px'
            }">
        <div class="pass_through">
            {{ item.name}}
        </div>
        <div class="pass_through_text">
            <!-- <img src="../../../assets/qr.jpg" alt=""> -->
            <div style="display: block;width: 100%;margin: 0 auto;">
                <vue-qr class="qr" :text="item.qr_url" ref="vueQr" :margin="0"></vue-qr>
            </div>
            <div>{{ item.remark }}</div>
        </div>
            </van-tab>
        </van-tabs>
        <!-- 审核通过 -->


        <!-- <div style="width: 80%;"> -->
        <van-button round block type="info" @click="onClickLeft" style="width:80%;margin: 1.4rem auto 0 auto;"
            color="linear-gradient( 90deg, #4A89EC 0%, #1261E2 100%)">我已扫完</van-button>
        <!-- </div> -->
    </div>
</template>
<script>
import VueQr from "vue-qr";
export default ({
    components: { VueQr },
    data() {
        return {
            active: 0,
            id: this.$route.query.id,
            shopInfo:{}
        }
    },
    mounted() {
        window.scrollTo(0, 0)
        this.getShopDetail()
    },
    methods: {
        onClickLeft() {
            this.$router.back()
        },
        getShopDetail() {
			this.$http.get(`/store/manage/${this.id}/info`)
				.then(res => {

					this.shopInfo = res.data;
					// this.checked = res.data.business_status == 1;
				})
		},
        //   审核通知
        // onClickRight() {
        //     this.$router.push({ path: '/examineProgress' })
        // }
    },
})
</script>
<style scoped lang="scss">
.gold-shop-wrap {
    // min-height: 100vh;
    padding-top: 46px;
    // background: #F2F4F5;

    ::v-deep .van-nav-bar .van-icon {
        color: #333333;
    }

    ::v-deep .van-nav-bar__arrow {
        font-size: 20px;
    }

    ::v-deep .van-nav-bar__text {
        color: #333;
    }
}

.pass_through {
    font-family: PingFangSC, PingFang SC;
    font-weight: 600;
    font-size: .36rem;
    color: #333333;
    line-height: 25px;
    text-align: center;
    font-style: normal;
    padding: 0.3rem;
}

.pass_through_text {
    width: 80%;
    margin: 0 auto;

    img {
        display: block;
        width: 50%;
        margin: 0 auto;
    }

    div {
        margin-top: 0.4rem;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 14px;
        color: #333333;
        line-height: 20px;
        text-align: center;
        font-style: normal;
    }
}
</style>
